back js...
function
    
            // function normal
                function namaFungsi() {
                console.log("function namaFungsi() {");
                }
                namaFungsi();

            // function dengan expresi
                var namaFungsi = function () {
                console.log("\nvar namaFungsi = function() {");
                };
                namaFungsi();

            // function dengan tanda panda
                var namaFungsi = () => {
                console.log("\nvar namaFungsi = () => {\n");
                };
                namaFungsi();

                // atau
                var namaFungsi = () => console.log("var namaFungsi = () => console.log()");
                namaFungsi();

            // function dengan konstruktor
                var namaFungsi = new Function('console.log("var namaFungsi = new Function()")');
            
parameter
                
            // fungsi menggunakan parameter
                function tambah(a, b) {
                let hasil = a + b;
                console.log(hasil);
                }
                tambah(5, 10);

                var perkalian = (a, b) => console.log(a * b);
                perkalian(2, 10);

            // fungsi yang mengembalikan nilai
                function bagi(a, b) {
                let hasil = a / b;
                return hasil;
                }

                // memanggil fungsi
                var nilai1 = 20;
                var nilai2 = 5;
                var hasilBagi = bagi(nilai1, nilai2);

                console.log(hasilBagi);
            
Cara Penggunaan fungsi
                
                var dataBarang = ["Buku Tulis", "Pensil", "Spidol"];

                function showBarang() {
                    var listBarang = document.getElementById("list-barang");
                    // clear list barang
                    listBarang.innerHTML = "";

                    // cetak semua barang
                    for (let i = 0; i < dataBarang.length; i++) {
                        var btnEdit = "<a href='#' onclick='editBarang(" + i + ")'>Edit⇚/a>";
                        var btnHapus = "<a href='#' onclick='deleteBarang(" + i + ")'>Hapus</a>";

                        listBarang.innerHTML +=
                        "<li>" + dataBarang[i] + " [" + btnEdit + " | " + btnHapus + "]</li>";
                    }
                }

                function addBarang() {
                    var input = document.querySelector("input[name=barang]");
                    dataBarang.push(input.value);
                    showBarang();
                }

                function editBarang(id) {
                    var newBarang = prompt("Nama Baru", dataBarang[id]);
                    dataBarang[id] = newBarang;
                    showBarang();
                }

                function deleteBarang(id) {
                    dataBarang.splice(id, 1);
                    showBarang();
                }

                showBarang();
            

Input Form